---
layout: default
---
<br>

<!--遍历要显示的文章-->

{% for post in paginator.posts %}
<div class="e">
    <div class="d gt hx">
    <div class="c e">
    <div class="d he gt gallery-expand fill-screen">
    <div class="gallery-curve-wrapper">
    <a class="gallery-cover gray" style="height: 250px;">
    <img src="{{ post.image  }}" crossOrigin="anonymous" alt="placeholder">
    </a>
    <div class="gallery-header">
    <span>阅读全文</span>
    </div>
    <div class="gallery-body">
    <div class="title-wrapper">
    <h3>{{ post.title }}</h3>
<span class="gj">{{ post.date | date: "%b %-d, %Y" }}</span>
</div>
<div>{{ post.content }} </div>
</div>
<div class="gallery-action">
    <a class="btn-floating btn-large waves-effect waves-light"><i class="material-icons">share</i></a>
    </div>
    </div>
    </div>
    <div class="d he gt">
    <h5>{{ post.title }}</h5>
<p class="ed">{{ post.date | date: "%b %-d, %Y" }}</p>
</div>
</div>
</div>
</div>
{% endfor %}

<!--分页链接-->

{% if paginator.total_pages > 1 %}
    <ul class="pagination">
    {% if paginator.previous_page %}
        <li><a href="{{ paginator.previous_page_path | prepend: site.baseurl | replace: '//', '/' }}"><i class="material-icons">chevron_left</i></a></li>
    {% else %}
        <li class="disabled"><a href="#!"><i class="material-icons">chevron_left</i></a></li>
    {% endif %}

    {% for page in (1..paginator.total_pages) %}
        {% if page == paginator.page %}
            <li class="active blue"><a href="#!">{{ page }}</a></li>
        {% elsif page == 1 %}
            <li class="waves-effect"><a href="{{ '/index.html' | prepend: site.baseurl | replace: '//', '/' }}">{{ page }}</a></li>
        {% else %}
            <li class="waves-effect"><a href="{{ site.paginate_path | prepend: site.baseurl | replace: '//', '/' | replace: ':num', page }}">{{ page }}</a></li>
        {% endif %}
    {% endfor %}

    {% if paginator.next_page %}
        <li class="waves-effect"><a href="{{ paginator.next_page_path | prepend: site.baseurl | replace: '//', '/' }}"><i class="material-icons">chevron_right</i></a></li>
    {% else %}
        <li class="disabled"><a href="#!"><i class="material-icons">chevron_right</i></a></li>
    {% endif %}
    </ul>
{% endif %}
<br>
<script src="{{ "/js/gallery-docs.min.js" | prepend: site.baseurl }}"></script>

